<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Examples</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link href="" rel="stylesheet">
	<style>
		div.bg-rgba{
			width:100px;
			height:200px;
			border:solid 1px red;
			background-color: rgba(100,120,60,0.5);
		}

		div.linear{
			width:200px;
			height: 100px;
			background-image:linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet );
		}
	</style>
</head>
<body>
	<div class="bg-rgba"></div>
	<br>
	<div class="linear"></div>
</body>
</html>